<!DOCTYPE HTML>
<html lang="zh-CN">
	<head>
		<meta charset=utf-8>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name=description content="description">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<meta name="keywords" content="keywords">
		<title>二木小站</title>
		<link rel="stylesheet" href="css/style.css" />
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
		<script src="css/login.js"></script>
	</head>
	<body style="background-color:#f8f8f8;">
		<div class="flex-left">
			<div class="unit-1 top">
				<div class="top-nav content-top">
					<div class="top-logo"><img src="images/logo.png"/> </div>
					<div class="top-mobile-nav">
						<a class="top-nav-menu">
							<span class="menu-icon"></span>
						</a>
					</div>
					<ul class="nav-ul">
						<li><a href="index.html">首页</a></li>
						<li><a href="shop/commodity.html">商城</a></li>
						<li><a href="member/member.html">会员中心</a></li>
						<li><a href="search/searchs.html">搜索</a></li>
					</ul>
					<form class="top-search">
						<input class="top-search-in" type="search" name="q" placeholder="搜索..."  />
						<button class="bottom"><i class="btn-icon"></i></button>
					</form>
				</div>
			</div>
		</div>
		<div class="flex-left content-wrap">
			<div class="unit-1-4">
				<div class="left-box-info">
					<div class="login-box">
						<div class="login-top-bg"><span>登录</span></div>
						<div class="login-content tipse">
							<form>
								<input id="lname" class="login-in" name="name1" type="text" placeholder="用户名"/>
								<span id="name1" class="name1-tip">●</span>
								<input id="lpass" class="login-in" name="pass1" type="password" placeholder="密码"/>
								<span id="pass1" class="name1-tip">●</span>
								<button class="register-btn login-btn">登录</button>
							</form>
							<button class="register-btn reg-btn not-btn" onclick="location='member/login.html'">注册</button>
							<a class="retrieve" href="#">找回密码</a>
							<div class="login-icon">
								<p class="login-left-text">其它登录</p>
								<a class="wxlogin" href="#" alt="微信登录"></a>
								<a class="qqlogin" href="#" alt="QQ登录"></a>
								<a class="wblogin" href="#" alt="微博登录"></a>
							</div>
						</div>
					</div>
				</div>
				<div class="left-box-info">
					<p class="text-center">
						Copyright &copy; 2018 <br>
						<a href="#">粤ICP备17138569号-1</a><br>
						<a href="index.html">EMUI.COM二木小站</a>
						<span class="glyphicon glyphicon-heart" style="color:#ff5858"></span>郑景东
					</p>
				</div>
				<div class="left-box-info">
					<div id="cc-myssl-id">
      					<a href="https://myssl.com/www.xemui.com?from=mysslid" target="_blank"><img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
					</div>
				</div>
			</div>
			<div class="unit-3-4">
				<div class="right-box-top-r">
					<div class="right-box-top-l">最新文章</div>
						<ul>
							<li><a href="#">标签1</a></li>
							<li><a href="#">标签2</a></li>
							<li><a href="#">标签3</a></li>
							<li><a href="#">标签4</a></li>
						</ul>
				</div>
				<div class="right-box-info">
					<div class="right-box-item">
						<div class="info-box">
						<div class="info-box-title">
							<a href="article/article-1-1.html">雷军是否配得上「雷布斯」的称号？</a>
						</div>
						<ul class="info-box-info">
							<li>admin</li>
							<li>标签</li>
							<li>一周前</li>
						</ul>
						<div class="info-box-text">
							<p>雷军之所以会被称作「雷布斯」，还是因为他本质上是很崇拜乔布斯的，他曾坦言自己希望创办一家世界级的公司就是由于受到乔布斯的鼓舞。并且雷军曾有意模仿乔布斯的发布会，黑色 T 恤和蓝色牛仔裤，举手投足间都有乔布斯的影子。</p>
						</div>
						<div class="info-box-icon">
							<a class="info-box-comment" href="article/article-1-1.html#comment"><i></i>12</a>
							<a class="info-box-eye" href="article/article-1-1.html"><i></i>82</a>
						</div>
						</div>
						<div class="info-right">
							<img src="" width="100%" height="auto" />
						</div>
					</div>
				</div>
				<div class="right-box-info">
					<div class="right-box-item">
						<div class="info-box">
						<div class="info-box-title">
							<a href="article/article-1-2.html">你看过／写过哪些有意思的代码？</a>
						</div>
						<ul class="info-box-info">
							<li>admin</li>
							<li>标签</li>
							<li>一周前</li>
						</ul>
						<div class="info-box-text">
							<p>看到楼上画了小猪佩奇，那我也贴个前不久python画的蓝胖子，给大家打个招呼了<br />哈哈哈</p>
						</div>
						<div class="info-box-icon">
							<a class="info-box-comment" href="article/article-1-2.html#comment"><i></i>8</a>
							<a class="info-box-eye" href="article/article-1-2.html"><i></i>82</a>
						</div>
						</div>
						<div class="info-right">
							<img src="images/v2-8ea757ebc4c119456646138234ce22ca_hd.jpg" width="100%" height="auto" />
						</div>
					</div>
				</div>
				<div class="right-box-info">
					<div class="right-box-item">
						<div class="info-box">
						<div class="info-box-title">
							<a href="article/article-1-3.html">四十岁还打游戏的人的生活状态是什么样子？</a>
						</div>
						<ul class="info-box-info">
							<li>admin</li>
							<li>标签</li>
							<li>两周前</li>
						</ul>
						<div class="info-box-text">
							<p>四十算什么，帮会里一个陈大爷，游戏里都叫他太平叔，今年64了…明年都要退休了好吗……</p>
							<p>10年玩的某个游戏，太平叔挂在帮会YY整天不说话，结果某天突然开腔了，震惊了全帮的……之前已知帮里岁数最大的是32，这突然出来个56的……</p>
						</div>
						<div class="info-box-icon">
							<a class="info-box-comment" href="article/article-1-3.html#comment"><i></i>11</a>
							<a class="info-box-eye" href="article/article-1-3.html"><i></i>352</a>
						</div>
						</div>
						<div class="info-right">
							<img src="images/v2-1b48fdb29a4519cbd7e414d215ba6383_hd.jpg" width="100%" height="auto" />
						</div>
					</div>
				</div>
				<div class="right-box-info">
					<div class="right-box-item">
						<div class="info-box">
						<div class="info-box-title">
							<a href="article/article-1-4.html">分享一些好看的壁纸</a>
						</div>
						<ul class="info-box-info">
							<li>admin</li>
							<li>标签</li>
							<li>两周前</li>
						</ul>
						<div class="info-box-text">
						</div>
						<div class="info-box-icon">
							<a class="info-box-comment" href="article/article-1-4.html#comment"><i></i>11</a>
							<a class="info-box-eye" href="article/article-1-4.html"><i></i>352</a>
						</div>
						</div>
						<div class="info-right">
							<img src="images/Hippopx.jpg" width="100%" height="auto" />
						</div>
					</div>
				</div>
				<div class="right-box-top-r">
					<div class="right-box-page-l"><a href="#">上一页</a></div>
					<div class="right-box-page-r"><a href="#">下一页</a></div>
				</div>
			</div>
		</div>
		
		<!--手机菜单栏-->
		<script>
			$(".top-mobile-nav").click(function(){
				$(".nav-ul").toggle();
			});
		</script>
	</body>
</html>